chained 基于jQuery多級(jí)聯(lián)動(dòng)插件

投訴報(bào)錯(cuò)

腳本大小：8KB
腳本語言：簡(jiǎn)體中文
腳本類型：國(guó)產(chǎn)軟件
腳本授權(quán)：免費(fèi)軟件
腳本類別：菜單導(dǎo)航
應(yīng)用平臺(tái)：jquery
更新時(shí)間：2012-01-24
網(wǎng)友評(píng)分：

360通過騰訊通過金山通過

8KB

詳情介紹

　jQuery 發(fā)展到現(xiàn)在，擁有相當(dāng)多的封裝良好的插件。本文要介紹的 Chained 就是一款很不錯(cuò)的 jQuery 多級(jí)聯(lián)動(dòng)插件。

　　Chained 是一個(gè)簡(jiǎn)單易用的輕量級(jí) jQuery 多級(jí)聯(lián)動(dòng)插件，使用它可快速創(chuàng)建多級(jí)聯(lián)動(dòng)的下拉列表。它通過在 Select 中設(shè)置 class 樣式名來關(guān)聯(lián)上級(jí)列表，下拉列表數(shù)據(jù)來源多樣性，可以從本地 js 加載，或者使用 AJAX 從服務(wù)器端異步獲取 JSON 數(shù)據(jù)。更重要的是它完美支持多種瀏覽器，沒有兼容性問題。

如何使用
引入 jQuery 庫及 Chained 插件

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.chained.min.js" type="text/javascript"></script>

　　建立需要聯(lián)動(dòng)的下拉選擇框，下級(jí)與上級(jí)聯(lián)動(dòng)通過樣式名關(guān)聯(lián)，比如這里的class="audi"

<select id="sel1">
<option value="">--</option>
<option value="audi">Audi</option>
<option value="aa">給力技術(shù)</option>
</select>
<select id="sel2">
<option value="">--</option>
<option value="bb" class="aa">啦啦啦</option>
<option value="a1" class="audi">A1</option>
</select>

　　初始化插件

$("#sel2").chained("#sel1");

多級(jí)聯(lián)動(dòng)

下載地址

下載錯(cuò)誤？【投訴報(bào)錯(cuò)】